<template>
  <div id="main">
    <div id="left">
      <div id="left-top">
        <!--        <script type="text/javascript" src="./assets/JS/zhuzhuantu.js"></script>-->
<!--        <SortHistogram></SortHistogram>-->
        <SortHistogram/>
      </div>
      <div id="left-center"><!-- 设置图片组（三张图片） -->
        <LeftPicture></LeftPicture>
      </div>
      <div id="left-bottom">
        <LineChart></LineChart>
      </div>
    </div>
    <div id="center">
      <div id="header">
        <!--        <script type="text/javascript" src="assets/JS/actionfront.js"></script>-->
        <ActionFront></ActionFront>
      </div>
      <div id="navigation">
        <ul id="ul">
          <li class="li"><router-link to="/" class="a-li">亚运会</router-link></li>
          <li class="li"><router-link to="/china" class="a-li">中国亚运会</router-link></li>
        </ul>
      </div>
      <div id="map">
        <!--        <script type="text/javascript" src="assets/JS/mapworld.js"></script>-->
<!--        <Map></Map>-->
        <WorldMap></WorldMap>
<!--        <Map/>-->
      </div>
      <div id="center-bottom">
        <!--        <script type="text/javascript" src="assets/JS/actionline.js"></script>-->
        <ActionHistogram></ActionHistogram>
      </div>
    </div>
    <div id="right">
      <div id="right-top">
        <!--        <script type="text/javascript" src="assets/JS/pie.js"></script>-->
        <FoldedHistogram></FoldedHistogram>
      </div>
      <div id="right-center">
        <RightPicture></RightPicture>
      </div>
      <div id="right-bottom" style="background-color: white">
        <Pie></Pie>
      </div>
    </div>
<!--    <router-view></router-view>-->
  </div>

</template>

<script>
import ActionHistogram from "@/components/world/ActionHistogram";
import ActionFront from "@/components/world/ActionFront";
import RightPicture from "@/components/world/RightPicture";
import LeftPicture from "@/components/world/LeftPicture";
import SortHistogram from "@/components/world/SortHistogram";
import WorldMap from "@/components/world/WorldMap";
import FoldedHistogram from "@/components/world/FoldedHistogram";
import LineChart from "@/components/world/LineChart";
import Pie from "@/components/world/Pie";
export default {
  name: 'world',
  components: {Pie,LeftPicture, ActionHistogram,Map,ActionFront,RightPicture,SortHistogram,WorldMap,FoldedHistogram,LineChart},

}
</script>

<style scoped>
@import "../assets/css/index.css";
</style>

